技術問答
技術文章
iT 徵才
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2021 iThome 鐵人賽
DAY
1
5
Modern Web
排版神器 Tailwind CSS~和兔兔一起快速上手漂亮的元件開發!
系列 第
1
篇
Day 00:[目錄] 排版神器 Tailwind CSS~和兔兔一起快速上手漂亮的元件開發!
13th鐵人賽
vue.js
tailwindcss
元件開發
兔兔教
搋兔
團隊
IT成長營
2021-09-02 00:11:02
6005 瀏覽
分享至
目錄
Day 1:「排版神器 Tailwind CSS?」 - 和兔兔一起快速上手漂亮的元件開發
Tailwind CSS 篇
Day 02:「Tailwind CSS?那好吃嗎?」- 淺談 Tailwind 的核心概念
Day 03:「開始乘風飛行!」- 樣式都不見了嗎?快用 Tailwind 輕鬆調整文字版式
Day 04:「當個方塊設計師」- 製作自己的方塊,改變大小並加上背景色彩及邊框
Day 05:「別過來!要保持社交距離!」- Tailwind 中的空間與距離
Day 06:「愛排隊的兔兔有紅蘿蔔!」- Flex 與 Grid
Day 07:「金魚模仿遊戲~」- 用 Tailwind 來對齊內容
Day 08:「兔老闆的文件」- 半透明的我及有陰影的你~
Day 09:「啊~不要碰我!我會變色~」- 變化模式 (Variants)
Day 10:「伸縮自如的,橡膠...」- 斷點 / RWD
Day 11:「動起來!動起來!」- 用 Tailwind 簡單做出過渡和動畫效果
Day 12:「我可不可以 CDN 就好?」- Tailwind 安裝及設定
Day 13:「誰還在背字典?」- Tailwind IntelliSense 插件
Day 14:「怎麼跟阿嬤的裹腳布一樣啦!」- 提取成元件
Day 15:「你真的不減肥嗎...?」- Tailwind 的生產環境優化
Day 16:「寶藏,都藏在那裡了!」- Tailwind JIT 模式
Vue 篇
Day 17:「我們,是好朋友哦~」- Vue 簡介
Day 18:「極速開發」- Vitawind
Day 19:「通通拿去做雞精啦!」- Vue SFC
Day 20:「資料拿來我就幫你改」- Vue 基礎觀念及常用語法
Day 21:「爸爸說,家裡要重新裝潢了」- 關於樣式的屬性綁定講解
Day 22:「您好,歡迎登入 Vuta 奇幻世界」- 事件處理
Day 23:「兒子,這是你的零用錢」- 元件間的資料傳遞
Day 24:「Switch 也要換遊戲片啦~」- Slot 插槽
元件開發篇
Day 25:「好慢喔,下載多少了?」- 進度條
Day 26:「按鈕博物館」- 輕鬆變化各種按鈕元件
Day 27:「流浪到淡水!」- 手風琴選單
Day 28:「今天幾月幾號啊?」- 簡易日曆
Day 29:「欸!你填一下這張表!」- 彈跳視窗、Modal
Day 30:「很刺眼,這樣太亮了啦!」- 深色模式切換開關
後記
敬請期待
關於兔兔們:
Tailwind CSS 臺灣官網
Tailwind CSS 臺灣
(臉書粉絲專頁)
兔兔教 × Tailwind CSS Taiwan
(臉書社群)
兔兔教大本營
留言
追蹤
檢舉
下一篇
Day 01:「排版神器 Tailwind CSS?」 - 和兔兔一起快速上手漂亮的元件開發
系列文
排版神器 Tailwind CSS~和兔兔一起快速上手漂亮的元件開發!
共
32
篇
目錄
RSS系列文
訂閱系列文
182
人訂閱
28
Day 27:「流浪到淡水!」- 手風琴選單
29
Day 28:「今天幾月幾號啊?」- 簡易日曆
30
Day 29:「欸!你填一下這張表!」- 彈跳視窗、Modal
31
Day 30:「很刺眼,這樣太亮了啦!」- 深色模式切換開關
32
Day 31:「不夠吃了...哪裡還有紅蘿蔔?」- Tailwind 和 Vue 的資源分享
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19844
篇
完賽人數
528
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
iOS 裝置無法透過 IPsec VPN 連入 FortiGate,請問正確設定方式?
EPSON LQ-690C 印表機中一刀跑版
[Javascript] 非同步執行,如何延緩後面程式的處理 ??
AARQ 通訊協議是?
印表機設定 - Epson 690c
Dell or Asus 伺服器,哪牌比較好?
Dell or Asus Storage 或NAS,哪牌比較好?
將硬碟上的 EFI 分割區複製到固態硬碟後,ARM 架構的 Ubuntu Server 無法啟動
FortiGate SSLVPN替代方案?
sdray vigor2927 sslvpn ip設定問題
熱門回答
iOS 裝置無法透過 IPsec VPN 連入 FortiGate,請問正確設定方式?
EPSON LQ-690C 印表機中一刀跑版
[Javascript] 非同步執行,如何延緩後面程式的處理 ??
FortiGate SSLVPN替代方案?
印表機設定 - Epson 690c
熱門文章
Vue 3 生命週期(Lifecycle) 四大階段 建立(Create)、掛載(Mount)、更新(Update)、 銷毀(Unmount)
[資料治理實戰回憶錄]0-從失敗中開始
台灣職場必學的Excel函數技巧
VScode 開發應用系統專案(8-1) - Spring Boot Security 設定與認證前置準備
什麼是四大報表及其組成?完整解析
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}